$(function() {

    // 1 获取登录用户的信息
    function getUserInfo() {
        $.get("/admin/user/info", function(res) {
            $(".user_info img").prop("src", res.data.userPic);
            $(".user_center_link img").prop("src", res.data.userPic);
            $(".user_info span").text(res.data.nickname);
        })
    }

    // 2 点击 退出按钮
    // 2.1 先绑定点击事件
    // 2.2 询问用户 是否要退出
    // 2.3 确定 退出  删除token
    // 2.4 跳转回登录页面 
    $(".logout").click(function() {
        // 2.2 询问用户 是否要退出
        layer.confirm('您确定要退出吗 😶', { title: '提示' }, function(index) {
            // 2.3 删除token
            localStorage.removeItem("token");
            // 2.4 跳转回登录页面 
            location.href = "login.html";
            // 关闭窗口
            layer.close(index);
        });
    })

    // 获取登录用户信息
    getUserInfo();

    // 点击箭头下拉
    initMenuEvent();

    //激活菜单
    setMenuActive()


})

function initMenuEvent() {
    $('.level01.l2').click(function() {
        // 3.0 获取挨近当前元素的下一个元素，利用slideToggle()就会自动实现将其展开和收缩
        $(this).next().slideToggle();
        // 3.0箭头样式存放在b元素中,找到b元素
        // let b = $(this).find('b');
        // if (b.hasClass('rotate0')) {
        // 设置三角向右
        //     b.removeClass('rotate0');
        // } else {
        // 设置三角向下
        //     b.addClass('rotate0');
        // }
        $(this).find('.icon-arrowdownl').toggleClass('rotate0')
    })
}

// 4.0 添加当前点击菜单为激活菜单 
function setMenuActive() {
    $('.level01,.level02 li').click(function() {
        // 清除激活菜单
        // $('.level01').removeClass('active')
        // 添加当前点击菜单为激活菜单
        // $(this).addClass('active');
        // 清除li激活菜单
        // $('.level02 li').removeClass('active')
        // 添加li当前点击菜单为激活菜单
        // $(this).addClass('active')
        $(this).addClass('active').siblings().removeClass('active')
    })
}